<template>
	<view class="content repair">
		<view class="repair-list">
			<view class="repair-item" @click="() => this.$tab.navigateTo('/pages/home/repair/new-repair?type=view')">
				<tai-card>
					<view class="flex-between">
						<view class="">
							2023-12-14 23:48
						</view>
						<view class="flex-between">
							<view class="font-12">
								已完成
							</view>
							<u-icon name="arrow-right"></u-icon>
						</view>
					</view>
					<view class="mt-5">
						电灯坏了
					</view>
				</tai-card>
			</view>
		</view>
		<view class="float-btn" @click="() => this.$tab.navigateTo('/pages/home/repair/new-repair')">
			<u-icon name="plus" color="white" size="50"></u-icon>
		</view>
	</view>
</template>

<script>
	import TaiCard from '@/components/tai-card/index.vue'
	export default {
		name: 'Repair',
		components: { TaiCard },
		
	}
</script>

<style lang="scss" scoped>
	.repair {
		line-height: 1.6;
		padding: 32rpx;
		.flex-between {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.mt-5 {
			margin-top: 10rpx;
		}
		.float-btn {
			position: fixed;
			width: 100rpx;
			height: 100rpx;
			right: 32rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			bottom: 10%;
			border-radius: 50%;
			background-color: var(--tai-type-primary);
			box-shadow: 0 0 6rpx 6rpx var(--tai-type-primary-light);
			z-index: 999;
		}
	}
</style>